{include file="index@/public/header" /}
<style>
    body {
        background: #e1e0de;
        color: #333333;
    }

    * {
        box-sizing: border-box;
    }

    h1,
    h2,
    h3,
    h4 {
        font-weight: 700 !important;
    }

    .layui-card-header {
        width: 100%;
        border-bottom: 1px solid #999 !important;
        padding-left: 5px;
    }

    .layui-card {
        padding: 10px 20px 50px;
    }

    .layui-container {
        padding: 0 !important;
    }
    
    img {
        max-width: 100%;
    }
    .layui-breadcrumb {
        padding-left: 5px;
        text-decoration: none !important;
    }

    .layui-card h1 {
        margin: 10px auto 0;
    }
    @media screen and (max-width: 800px) {
        .layui-card-header {
            line-height: normal !important;
            font-size: 10px !important;
        }

        .content-bottom {
            flex-direction: column;
        }
    }

    .Bearings-content-header {
        padding: .3rem;
    }

    .Bearings-content-headerC {
        font-size: 18px;
        background-color: #F6F6F6;
        padding: 10px 10px;
    }

    .Bearings-content-font {
        display: inline-block;
        font-size: 0.775rem;
        padding: .5rem;
        line-height: 1.1rem;
    }
    .layui-breadcrumb-a {
        font: 12px/14px arial, helvetica, sans-serif;
        color: #36648A !important;
    }

    .layui-breadcrumb-b cite {
        font: 12px/14px arial, helvetica, sans-serif;
        color: #333333 !important;
    }
    .Bearings-specs {
        margin-top: 0.5rem;
        font-size: 0.75rem;
    }
    .Bearings-specs ul {
        margin-left: 1rem;
    }
    .Bearings-specs ul li {
        list-style: disc;
        line-height: 20px;
    }
    .Bearings-specs-title{
        font-size: 18px;
		background-color: #F6F6F6;
		padding: 10px 10px;
		margin: 15px 0 0.25rem;
    }
    .Bearings-specs-box{
        padding: 0px 20px;
        box-sizing: border-box;
        line-height: 1.2rem;
    }
    /* 文字样式 */




</style>
<div class="layui-container" style='font: 12px/14px arial,helvetica,sans-serif;'>
    <div class="layui-card">
		<span class="layui-breadcrumb" lay-separator="/">
      <a href="/" style="font: 12px/14px arial,helvetica,sans-serif;">{:lang('Home')}</a>
      {foreach $crumbs as $k=>$v }
      <a href="/{$v['crumbs_url']}" style="font: 12px/14px arial,helvetica,sans-serif;color:#36648A">{$v['alias_name']}</a>
      {/foreach}
    </span>
        <div class="layui-card-header">
            <h1>{:lang('Four-Point Contact Ball Bearings')} {:lang('Temperature limits')}</h1>
        </div>

        <!-- content -->
        <div class="Bearings-content">
            <div class="Bearings-specs">
                <div>
                    <div class="Bearings-specs-title">{:lang('Temperature limits')}</div>
                    <div class="Bearings-specs-box">
                        <div>{:lang('The permissible operating temperature for four-point contact ball bearings can be limited by:')}</div>
                        <div><ul>
                            <li>{:lang('The dimensional stability of the bearing rings and balls')}</li>
                            <li style="font-size: 12px;">{:lang('The cage')}</li>
                            <li style="font-size: 12px;">{:lang('The lubricant')}</li>
                        </ul></div>
                        <div>{:lang('Where temperatures outside the permissible range are expected, contact Lily.')}</div>
                    </div>
                </div>

                <div>
                    <div class="Bearings-specs-title">{:lang('Bearing rings and balls')}</div>
                    <div class="Bearings-specs-box">{:lang('The bearings are heat stabilized up to at least')} 150 °C (300 °F).</div>
                </div>

                <div>
                    <div class="Bearings-specs-title">{:lang('Cages')}</div>
                    <div class="Bearings-specs-box">{:lang('Steel, brass or PEEK cages can be used at the same operating temperatures as the bearing rings and balls.')}</div>
                </div>

                <div>
                    <div class="Bearings-specs-title">{:lang('Lubricants')}</div>
                    <div class="Bearings-specs-box">{:lang('For temperature limits of Lily greases, refer to <a href="/resources/technology/ball-bearings/lubrication/">Selecting a suitable LILY grease.</a>')} </div>
                </div>

            </div>
        </div>
    </div>
</div>


{include file="index@/public/footer" /}
